<template>
    <span style="font-size: 24px;">首次登录系统,请根据引导完成以下步骤!</span>

    <div style=" max-width: 800px;margin: 250px auto;">
        <el-steps style="max-width: 600px" :active="curr" align-center>
            <el-step title="创建网格层级" />
            <el-step title="创建网格" />
            <el-step title="创建网格队伍" />
            <el-step title="登录系统" />
        </el-steps>

        <div style="margin-top: 88px;">
            <el-button @click="curr--" :disabled="curr == 0">上一步</el-button>
            <el-button style="margin-left:450px;" @click="curr++" :disabled="curr == 4">下一步</el-button>
        </div>
    </div>
</template>
<script setup lang="ts">
    import { ref } from 'vue';
    const curr = ref(1)
</script>